<template>
<div class="shipan">
    <!-- <Addshipan :show='showtype' :type='clicktype' :shisetdata='shisetobj'></Addshipan> -->
    <div class="top" style="margin-top: 15px;">
      <button class="ft" style="margin-right: 10px;">添加</button>
      <button class="ft active">刷新</button>
      <button class="fr active">
        查询
      </button>
      <p class="fr" style="margin-right: 15px;">
        状态
        <select name="" id="">
          <option value="">所有</option>
        </select>
      </p>
      <p class="fr" style="margin-right: 15px;">
        实盘账号
        <input type="text">
      </p>
    </div>
    <table cellspacing="0" cellpadding="0">
      <tr>
        <th style="width: 50px;">#</th>
        <th>所属代理</th>
        <th>实盘账号</th>
        <th>期贷公司</th>
        <th>接口类型</th>
        <th>当前权益</th>
        <th>登陆说明</th>
        <th>状态</th>
        <th>操作</th>
      </tr>
      <tr v-for="i,index in list">
        <td>{{i.id}}</td>
        <td>{{i.daili}}</td>
        <td>{{i.hao}}</td>
        <td>{{i.gs}}</td>
        <td>{{i.lx}}</td>
        <td>{{i.qy}}</td>
        <td>{{i.sm}}</td>
        <td>{{i.ty}}</td>
        <td>
          <span @click="showtype = true;">修改</span> |
          <span>登录</span> |
          <span>删除</span>
		</td>
      </tr>
    </table>
    <div id="page" class="page"></div>
</div>
</template>

<script>
import Addshipan from '@/plugIn/Addshipan'
// console.log(Addshipan)
export default {
  name: 'shipan',
  components:{
    Addshipan
  },
  data () {
    return {
      query:{},
      showtype:false,
      clicktype:'add',
      shisetobj:{},
      list:[
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
        // {id:0,daili:123,hao:123,gs:123,lx:123,qy:123,sm:123,ty:1,cz:123},
      ]
    }
  },
  created() {
    console.log(this)
  },
  mounted() {
    // console.log(customPagination)
    var box = new CustomPagination('#page', {
      total: 220,//总页数
      changePage: function (pageNum) {//切换页码成功回调
        console.log('当前页码：'+pageNum)
      }
    });
  },
  activated(){//缓存组件激活
    console.log(123)
  },
  deactivated(){
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
.shipan{overflow: hidden; clear: both;}
.shipan .fr{float: right;}
.shipan .ft{float: left;}
.shipan .top button{width: 55px;cursor: pointer; height: 25px;text-align: center;line-height: 25px;color: #929292;font-size: 14px;border: 0;background: none;border: 1px solid #ccc;box-sizing: border-box;outline: none;}
.shipan .top button.active{background: #0081f0;color: #fff;border: 0;}
.shipan .top input{width: 200px;height: 25px;text-indent: 10px;}
.shipan select{width: 70px;height: 25px;}
.shipan table{overflow: hidden;clear: both;width: 100%;text-align: center;margin-top: 55px;}
.shipan th{color: #262626;font-size: 16px;background: #f5f4f4;border: 0;line-height: 40px;font-weight: 500;}
.shipan td{color: #666666;font-size: 14px;line-height: 40px;border-bottom: 1px solid #e6e4e4;}
.shipan tr{}
.shipan tr td:last-child{color: #ccc;}
.shipan tr td span{color: #0081F0;cursor: pointer;}
 #page{width: 100%;height: 80px;}
</style>
